<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 
        fetch 是基于promise的Ajax

     -->
    <script>
        var p = fetch("https://cnodejs.org/api/v1/topics");

        p.then(function (res) {
            // console.log(res);
            // console.log(res.json());
            // console.log(res.text());
            //return res.json() //返回一个json对象
            return res.text();//返回一个json字符串
        }).then((data) => {
            console.log(data);
        })

        // fetch发送get请求 数据拼接在url路径后面即可
        fetch("https://cnodejs.org/api/v1/topics?page=2", {
            method: "get", //请求类型 默认是get
        }).then(function (res){
            return res.json()
        }).then((data) => {
            console.log(data);
        })

        fetch("/login",{
            method:"post", // 请求类型 默认是get
            body: JSON.stringify({
                page:2,
                tab:"ask"
            }), // post请求的数据
            headers: {
                "Content-Type": "application/json",  //请求体的数据类型

            }
        }).then(function (res) {
            return res.json()
        }).then((data) => {
            console.log(data);
        })
    </script>
</body>

</html>